<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>设置航段</title>
	</head>
	<link rel="stylesheet" href="../css/common.css" />
	<style>
		body{
			background:#f1f1f1;
		}
		#box{
			width:96%;
			margin:0 auto;
		}
		.title{
			height:50px;
			line-height:50px;
		}
		.title .edit{
			width:72px;
			height:26px;
			border:none;
			background:#00aa98;
			border-radius:1px;
			cursor:pointer;
			color:white;
			float:right;
			margin-top:12px;
			outline:none;
		}
		select{
			width:142px;
			height:20px;
			margin-left:10px;
		}
		table{
			background:white;
			width:100%;
		}
		table th{
			height:36px;
			background:#d7d7d7;			
		}
		table td{
			height:42px;			
		}
		table th,table td{
			border:1px solid #e4e4e4;
		}
	</style>
	<body>
		<div id="box">
			<div>
				<p class="title"><b>航节选择</b><select></select><button class="edit">编辑</button></p>
				<table>
					<tr>
						<th>舱位</th>
						<th>物理数</th>
						<th>最大数</th>
						<th>开放数</th>
						<th>切位限制数</th>
						<th>散客限制数</th>
						<th>切位已售</th>
						<th>散客已售</th>
						<th>总已售</th>
						<th>未售数</th>
						<th>物理可售</th>
					</tr>
				</table>
			</div>
			<div>
				<p class="title"><b>航段选择</b><select></select></p>
				<table>
					<tr>
						<th>舱位</th>
						<th>开放数</th>
						<th>切位限制数</th>
						<th>散客限制数</th>
						<th>切位已售</th>
						<th>散客已售</th>
						<th>总已售</th>					
					</tr>
				</table>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
		<script type="text/javascript" src="../layer-v2.4/layer/layer.js" ></script>
		<script type="text/javascript" src="../js/common.js" ></script>
		<script>

		</script>
	</body>
</html>
